  body,
        html {
            height: 100%;
        }

        body {
            margin: 0;
            background-color: #fafafa;
            
        }
        /*top_bar*/
        .firstSec{
        background-color: white;
        }
         header{
            background-color: #333333;
            height: 40px;  
         }
         header .outer a{
             color: lightgrey;
             font-size: 12px;
         }
        .outer {
            width: 1226px;
            margin: 0 auto;
            
        }
        header .outer a.shop {
            background-color: #424242;
            display: inline-block;
            height: 40px;
            width: 125px;
            text-align: center;
            /*display: flex;
            justify-content: center;
            align-items: center;*/
        }
        header .outer a.shop img{
            width: 20px;
            height: 20px;
            line-height: 20px;
            position: relative;
            top: 5px;
        }

        .top_barL {
            float: left;
        }

        .top_barR {
            float: right;
        }

        a {
            text-decoration: none;
            color: #333333;
            
            line-height: 40px;
            margin-left: 10px;
        }
        header .outer a:nth-of-type(1){
            margin-left: 0;
        }
        header .outer a:hover{
            color: white;
        }
        /*ul{
            width: 1226px;
            height: 500px;
            margin: 0 auto;
            border: 1px solid black;
        }*/

        /*title_header*/
        
        
        .title_header .outer{
            width: 1226px;
            margin: 0 auto;
            height: 100px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .imgt{
            margin-left: 0;
        }
        .title_header .outer img{
           width: 55px;
           height: 55px;
           
        }
        .animT{
            width: 200px;
        }
        .animT img{
            width: 200px;
        }
        .title_header .inner.top{
            display: inline-block;
            width: 800px;
            height: 100px;
            line-height: 100px;
        }
        .title_header a:hover{
            color: orangered
        }
        .title_header .outer input{
            float: right;
            padding: 15px 5px;
            text-justify: flex-end;
            width: 224px;
            border: 1px solid #eee;
            outline-color: orangered;
        }
        .search{
            /*border: 1px solid gray;*/
            display: flex;
            justify-content: center;
        }
        .searchi{
            width: 45px;
            height: 45px;
            border: 1px solid #eee;
            cursor: pointer;
            background-image: url('../images/seach22.png');
            background-repeat: no-repeat;
            background-position: 8px 8px;
        }
        .searchi img{
            width: 30px;
            height: 30px;
        }
        .searchi:hover{
            /*background-color: #ff6700;*/
            background-image: url('../images/seach11.png');
            background-repeat: no-repeat;
            background-position: 9px 8px;
        }

        /*hide image*/
        .outer2 .imageH{
            width: 100%;
            height: 0px;
            background-color:white;
            position: absolute;
            border-top: 1px solid white;
            z-index:1001;
            overflow: hidden;
        }
        .title_header .outer2 ul{
            position: relative;
            width: 1226px;
            margin: 0 auto;
            margin-top: 20px;
            height: 250px;
        }
        .title_header .outer2 ul li{
            cursor: pointer;
            position: absolute;
            top: 0;
            left: 0;
            display: flex;
            justify-content: space-between;
            width: 200px;
            visibility: hidden;
            
        }
        .title_header .outer2 ul li:nth-of-type(1){
            visibility: visible;
        }
        .title_header .outer2 ul li .inner{
            text-align: center;
            padding: 20px 25px;
            position: relative;
        }
        .title_header .outer2 ul li img{
            width: 150px;
            height: 100px;
            border-right: 1px solid lightgray;
             /*border-left: 1px solid lightgray; */
            /*padding-right:40px;*/
        }
        .title_header .outer2 ul li span{
            display: block;
        }
        .title_header .outer2 ul li span:nth-of-type(1){
            margin-top: 20px;
            font-size: 13px;
        }
        .title_header .outer2 ul li span:nth-of-type(2){
            font-size: 12px;
            color: #ff6700;
        }
        .title_header .outer2 ul li .inner .new{
             position: absolute;
             top: -20px;
             left: 35%;
             font-size: 14px;
             border: 1px solid #ff6700;
             padding:0 15px;
             color: #ff6700;
        }
        



        
        /*lunbo*/
       
        ul,li{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #box{
            width: 1226px;
            height: 460px;
            margin: 0 auto;
            position: relative;
        }
        #box .list li{
            position: absolute;
            top: 0;
            left: 0;
            display: none;
        }
        #box .list li.current{
            display: block;
        }
        #box .count{
            position: absolute;
            right: 30px;
            bottom: 30px;
        }
        #box .count li{
            float: left;
            width: 6px;
            height: 6px;
            background-color: gray;
            border: 2px solid darkgray;
            border-radius: 50%;
            text-align: center;
            line-height: 20px;
            margin-left: 10px;
            color: #fff;
            opacity: 0.8;
            cursor: pointer;
            /*z-index: 1005;*/
        }
        #box .count li:hover{
            background-color: lightgray;
        }
        #box .count li.current{
            background-color: lightgray;
            opacity: 1;
        }
        /*left right*/
        #box .click{
            position: relative;
            right: 10px;
            bottom: 100px;
            
        }
        #box .click li{
            position: absolute;
            width: 45px;
            height: 65px;
            cursor: pointer;
            text-align: center;
            margin-right: 10px;
            background-image: url(../images/btn.png);
            background-size: 400% 100%; 
        }

        #box .click .left{
             left: 240px;
             bottom: -342px;
             background-position: -200% 0;
             z-index: 999; 
        }
        #box .click .right{
             right: -19px;
             bottom: -342px;
             background-position: -300% 0; 
        }
        #box .click .left:hover{
            background-position: 0 0; 
        }
        #box .click .right:hover{
            background-position: -100% 0;
        }
        

        /*遮罩层*/
        .zhezhao{
            position: absolute;
            background-color: black;
            opacity: 0.5;
            height: 460px;
            width: 230px;
            top: 0;
            left: 0;
        }

        .listCon li{
            border-top:1px solid lightgray;
            position: absolute;
            height: 460px;
            background-color: white;
            
        }
        .listCon li .cont{
            border-top: 1px solid #eee;
            border-bottom: 1px solid #eee;
            height: 458px;
        }
        .listCon li div:nth-of-type(1){
            position: absolute;
            left: -231px;
            top: 20px;
            width: 200px;
            height: 42px;
            line-height: 40px;
            color: white;
            font-size: 14px;
            padding-left: 30px;
            cursor: pointer;
        }
        /*光标移动所在区域改变背景颜色
        修改至js文件中
        */
        .listCon li div:nth-of-type(1).left2{
            left: -231px;
            top: 60px;
        }
        .listCon li div:nth-of-type(1).left3{
            left: -231px;
            top: 102px;
        }
        .listCon li div:nth-of-type(1).left4{
            left: -231px;
            top: 144px;
        }
        .listCon li div:nth-of-type(1).left5{
            left: -231px;
            top: 186px;
        }
        .listCon li div:nth-of-type(1).left6{
            left: -231px;
            top: 228px;
        }
        .listCon li div:nth-of-type(1).left7{
            left: -231px;
            top: 270px;
        }
        .listCon li div:nth-of-type(1).left8{
            left: -231px;
            top: 312px;
        }
        .listCon li div:nth-of-type(1).left9{
            left: -231px;
            top: 354px;
        }
        .listCon li div:nth-of-type(1).left10{
            left: -231px;
            top: 396px;
        }


        /*轮播图上方列表清单*/
        .listCon {
            position: relative;
            left: 230px;  
            height: 460px;
            width: 976px;
            /*z-index: 996;*/
        }
        
        .listCon li p {
            display: inline-block;
            /*height: 460px;*/
        }
        .listCon li div a{
            
            display: flex;
            align-items: center;
            margin: 30px 20px;
            position: relative;
            width: 190px;
        }
        .listCon li div a span{
            font-size: 14px;
        }
       
        .listCon li .cont{
            
            display: none;
        }
        .xuangou{
            position: absolute;
            left: 145px;
            font-size: 13px;
            border: 1px solid #ff6700;
            width: 60px;
            height: 22px;
            text-align: center;
            line-height: 22px;
            color: #ff6700;
        }
        
        





        /*活动*/
        .huodong{
            width: 1226px;
            margin: 0 auto;
            margin-top: 15px;
        }
        .huodong ul{
            position: relative;
        }
        .huodong ul li{
            display: inline-block;
            margin-left: 11px;
            width: 315px;
            height: 168px; 
            cursor: pointer;
        }
        .huodong ul li img{
           width: 316px;
        height: 168px; 
        }
        
       
        .huodong ul .six{
            width: 230px;
            height: 130px;
            background-color: #5f5750;
            margin-left: 0;
            margin: 0;
            padding: 20px 0;
            position: relative;
            top: -20px;
        }
        .huodong ul .six a{
            height: 70px;
            margin: 0 12px;
            display: inline-block;
            text-align: center;
            cursor: pointer;
        }
        .huodong ul .six a img{
             width: 30px;
             height: 30px; 
             margin: 0; 
             padding: 0;
        }
        .huodong ul .six a span {
            display: block;
            font-size: 12px;
            color: lightgray;
            margin-top: -10px;
        }
        .huodong ul .six a span:hover{
            color: #eee;
        }

        /*starList 小米明星清单*/
        .starList{
            width: 1226px;
            margin: 0 auto;
            position: relative;
            overflow: hidden;
        }
        
        .starList h2{
           font-weight: normal;
        }
        .starList .btn{
            position: absolute;
            top: 10px;
            right: 0;
        }
        .starList .btn span{
            display: inline-block;
            width: 38px;
            height: 20px;
            border: 1px solid #eee;
            cursor: pointer;
            text-align: center;
        }
        .starList span:nth-of-type(2){
            margin-left: -5px;
        }
        /*下部试图*/
        .starList .bottomI{
            
            position: relative;
            height: 350px;
        }
        .starList .bottomI .outer{
           position: absolute;
           width: 2500px;
            top: 0;
            left: 0;
            height: 300px;
        }
        .starList .bottomI .outer .midel {   
            width: 1224px;
            float: left;
            display: flex;
            justify-content: space-between;
        }
        .starList .bottomI .outer .inner{
            display: inline-block;
            background-color:#fafafa;
            text-align: center;
            padding: 40px 20px;
            /*margin-left: 20px;*/
            width: 180px;
            cursor: pointer;
        }
        .starList .bottomI .outer .inner img{
            width: 150px;
            height: 150px;
        }
        .starList .bottomI .outer .inner span{
            display: block;
            text-align: center;
            
        }
        .starList .bottomI .outer .inner span:nth-of-type(1){
             font-size: 15px;
             margin-top: 20px
        }
        .starList .bottomI .outer .inner span:nth-of-type(2){
            margin-top: 5px;
            font-size: 12px;
            color: lightgrey;
        }
        .starList .bottomI .outer .inner span:nth-of-type(3){
            font-size: 15px;
            color: orange;
            margin-top: 15px;
        }
        .starList .bottomI .outer .inner:nth-of-type(1){
            border-top: 1px solid #ffbf49;
        }
        .starList .bottomI .outer .inner:nth-of-type(2){
            border-top: 1px solid #83c44e;
        }
        .starList .bottomI .outer .inner:nth-of-type(3){
            border-top: 1px solid #0c80dc;
        }
        .starList .bottomI .outer .inner:nth-of-type(4){
            border-top: 1px solid #e42a27;
        }
        .starList .bottomI .outer .inner:nth-of-type(5){
            border-top: 1px solid green;
        }
        /*智能硬件*/
        .zhineng{
            width: 1226px;
            margin: 0 auto;
            margin-top: 50px;
            position: relative;
        }
        .zhineng .top{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .zhineng .top li{
            cursor: pointer;
        }
        .zhineng .top h2{
            font-weight: normal;
        }
        
        .zhineng .bottomR li,
        .zhineng  .bottom li{
             cursor: pointer;
             position: relative;
        }
        .zhineng  .bottom li{
            width: 236px;
            height: 618px;
        }
        .zhineng  .bottom li img{
            height: 618px;
            
        }
        
        .zhineng .bottomR li span{
            display: block;
        }
       
    
       .zhineng .bottomR {
           position: absolute;
           display: flex;
           justify-content: space-between;
           flex-wrap: wrap;
           width: 975px;
           top: 80px;
           right: 0;
           align-content: space-between;
       }
       .zhineng .bottomR li img{
           width: 140px;
           height: 140px;
           margin-top: 20px;
       }
       .zhineng .bottomR li{
           
           display: inline-block;
           background-color: white;
           text-align: center;
           width: 236px;
           height: 300px;
           position: relative;
           margin-top: 10px;
           /*padding: 30px 0;*/
       }
       .zhineng .bottomR li.top{
           margin-top: -5px;
       }
        .zhineng .bottomR li span:nth-of-type(1){
            font-size: 15px;
            margin-top: 20px;
        }
         .zhineng .bottomR li span:nth-of-type(2){
            font-size: 12px;
            color: lightgray;
        }
         .zhineng .bottomR li span:nth-of-type(3){
            margin-top: 20px;
            font-size: 14px;
            color: #ff6700;
        }
        .zhineng .bottomR .new{
           position: absolute;
           top: 0;
           left: 40%;
           background-color: #83c44e;
           color:white;
           font-size: 13px;
           padding: 2px 15px;
        }

        /*dapei 搭配*/
        .dapei{
            width: 1226px;
            margin: 0 auto;
            margin-top: 30px;
            position: relative;
        }
        /*top*/
        .dapei .top{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .dapei .top h2{
            font-weight: normal;
        }
        .dapei .top div span {
            display: inline-block;
            margin: 0 10px;
            cursor: pointer;
            padding-bottom: 2px;
            border-bottom: 2px solid #fafafa;
        }
        .dapei .top .bar span:hover{
            border-bottom: 2px solid #ff6700;
        }
        .dapei .top .bar span:nth-of-type(1){
            color: #ff6700;
        }
      
        /*bottom left*/
        .dapei .bottoml li{
            width: 236px;
            height: 300px;
            cursor: pointer;
            position: relative;
        }
        .dapei .bottoml li img{
            width: 236px;
            height: 300px;
        }
        .dapei .bottoml li:nth-of-type(2){
            margin-top: 15px;
        }
        
        .dapei .outer{
            
            position: absolute;
            display: flex;
            flex-wrap: wrap;
            /*justify-content: space-between;
            align-content: space-between;*/
            width: 980px;
            top: 80px;
            right: 0;
        }
        .dapei .outer .bottomr li{
            
           display: inline-block;
           background-color: white;
           text-align: center;
           width: 236px;
           height: 300px;
           position: relative;
           margin-top: 13px;
           margin-left: 5px;
           cursor: pointer;
           overflow: hidden;
        }
        .dapei .outer .bottomr .top,
        .dapei .outer .bottomr .bottom{
            position: relative;
        }
        /*模态弹出的评论*/
        .dapei .outer .bottomr li .inBottom{
            position: absolute;
            bottom: -121px;
            width: 180px;
            background-color: #ff6700;
            padding: 0 28px;
        }
        .dapei .outer .bottomr li:nth-of-type(8){
            top: 0px;
            background-color: #fafafa;
        }
        
         .dapei .outer .bottomr li .inBottom p:nth-of-type(1){
             font-size: 12px;
             text-align: left;
             color: white;
         }
         .dapei .outer .bottomr li .inBottom p:nth-of-type(2){
             font-size: 12px;
             text-align: left;
             color: #eee;
         }
         

        .dapei .outer .bottomr {
            margin-top: -25px;
            position: absolute;
            
            display: none;
        }
        .dapei .outer .bottomr:nth-of-type(1){
            display: block;
        }
        .dapei .outer .bottomr li span{
            display: block;
        }  

        .dapei .bottomr li img{
           width: 140px;
           height: 140px;
           margin-top: 20px;
       }
       
       
       .dapei .bottomr li span:nth-of-type(1){
           font-size: 15px;
            margin-top: 20px;
       }
       .dapei .bottomr li span:nth-of-type(2){
           font-size: 12px;
           color: #ff6700;
       }
       .dapei .bottomr li span:nth-of-type(3){
            margin-top: 20px;
            font-size: 14px;
            color: lightgray;
       }
       
       /*最后小张下图片*/
       .dapei .bottomr li .smal{
           width: 100px;
           height: 100px;
           
           
       }
       .dapei .bottomr li .smal img{
           width: 100px;
           height: 100px;
       }
       .dapei .bottomr .top .smalT span{
           border: none;
       }
       /*.dapei .bottomr li:nth-of-type(8) span{
           background-color: white;
       }*/
       .dapei .bottomr li:nth-of-type(8){
          top: -11px;
          background-color: #fafafa;
       }
       .dapei .bottomr li:nth-of-type(8) div{
           background-color: white;
           display: inline-block;
       }
       .dapei .bottomr li:nth-of-type(8) .top,
       .dapei .bottomr li:nth-of-type(8) .bottom{
           width: 235px;
           height: 140px;
       }
       .dapei .bottomr li:nth-of-type(8) .top{
           margin-bottom: 16px;
       }
       
       
    /*reping 热评产品*/
    
    .reping{
        width: 1226px;
        margin: 0 auto;
    }
    .reping h2{
        font-weight: normal;
        margin-top: 40px;
    }
    .reping ul{
        display: flex;
        justify-content: space-between;
    }
    .reping li{
        width: 298px;
        height: 402px;
        position: relative;
    }
    .reping li img{
        width: 298px;
        height: 220px;
        cursor: pointer;
    }
    .reping li .bottomT{
        background-color: white;
        margin-top: -20px;
        padding: 20px;
    }
    .reping li .bottomT p{
       cursor: pointer; 
    }
    .reping li .bottomT p:nth-of-type(1){
        margin-top: 30px;
        font-size: 14px;
    }
    .reping li .bottomT p:nth-of-type(2){
        margin-top: 25px;
        font-size: 12px;
        color: lightgrey;
    }
    .reping li .bottomT span{
        font-size: 13px;
        padding: 0 4px;
        cursor: pointer;
    }
    .reping li .bottomT span:nth-of-type(2){
        border-left: 1px solid lightgrey;
        color: #ff6700;
    }
        
     /*neirong 内容*/

     .neirong{
         width: 1226px;
         margin: 0 auto;;
     }
     .neirong h2{
         font-weight: normal;
         margin-top: 40px;
     }
     .neirong span{
         display: block;
     }
     .neirong .outerN{
         display: flex;
         justify-content: space-between;
     }
     /*超出li标签 使其隐藏*/
     .neirong .outerN .innerN{
         position: relative;
         width: 300px;
         height: 420px;
         background-color: white;
         /*cursor: pointer;*/
         text-align: center;
         overflow: hidden;
         
     }
     /*上方标题*/
     /*第一部分*/
     .neirong .innerN .top{
         margin-top: 45px;
         margin-bottom: 5px;
         color: #ffbf49;
     }
     /*第二部分*/
     .neirong .innerN.two .top{
         margin-top: 45px;
         margin-bottom: 5px;
         color: #71b639;
     }
     /*第三部分*/
     .neirong .innerN.three .top{
         margin-top: 45px;
         margin-bottom: 5px;
         color: #e42a27;
     }
     /*第   四部分*/
     .neirong .innerN.four .top{
         margin-top: 45px;
         margin-bottom: 5px;
         color: #0c80dc;
     }

     .neirong .outerN .innerN.one{
        border-top: 1px solid #ffbf49;
     }
     .neirong .outerN .innerN.two{
        border-top: 1px solid #71b639;
     }
     .neirong .outerN .innerN.three{
        border-top: 1px solid #e42a27;
     }
     .neirong .outerN .innerN.four{
        border-top: 1px solid #0c80dc;
     }
     .neirong .left,
     .neirong .right{
        position: absolute;
        width: 20px;
        height: 48px;
        opacity: 0.5;
        cursor: pointer;
        z-index: 999;
        background-image: url(../images/btn.png);
        background-size: 400% 100%; 
        display: none;
     }
     
     /*两个按钮*/
     .neirong .left{
        top: 45%;
        background-position: 0 0;
       
     }
     .neirong .right{
         top: 45%;
         right: 0;
         background-position: -100% 0;
     }
     /*下方导航*/
     .neirong .bottomRo{
         position: absolute;
         bottom: 20px;
         width: 300px;
     }
     /*下方导航圆点*/
     .neirong .bottomRo .round{
         display: inline-block;
         width: 6px;
         height: 6px;
         margin: 0 10px; 
         border: 2px solid white;
         border-radius: 50%;
         background-color: gray;
         cursor: pointer;
     }
     .neirong .bottomRo .round:hover{
         background-color:#ff6700; 
     }
     .neirong .bottomRo .round.curr{
        border: 2px solid #ff6700;
        background-color: white;
     }
     /*需要动画滑动的试图*/
     .neirong .outerN .innerN .innerIt{
         position: absolute;
         /*border: 1px solid red;*/
         width: 900px;
         height: 285px;
         /*left: -300px;*/
         
     }
     .neirong .outerN .innerN.two .innerIt,
     .neirong .outerN .innerN.three .innerIt,
     .neirong .outerN .innerN.four .innerIt
     {
         width: 1200px; 
     }
       
     .neirong .outerN .innerN .innerIt div{
         width: 300px;
         float: left;
         text-align: center;
         /*padding:0 50px;*/
     }
     .neirong .outerN .innerN .innerIt div p{
         font-size: 20px;
     }
     .neirong .outerN .innerN .innerIt div span:nth-of-type(1){
         /*border: 1px solid gray;*/
         font-size: 13px;
         color: lightgray;
         padding: 0 35px;
     }
     .neirong .outerN .innerN .innerIt div span:nth-of-type(2){
         margin-top: 10px;
         margin-bottom: 20px;
         font-size: 14px;

     }
     .neirong .outerN .innerN .innerIt .third .one{
         font-size: 13px;
         color: lightgray;
         padding: 0 25px;
     }

     .neirong .outerN .innerN .innerIt .third .two{
         position: relative;
         left: 31%;
         border: 1px solid #ffbf49;
         color: #ffbf49;
         font-size: 13px;
         width: 120px;
         padding: 5px 0;
         margin-bottom: 45px;
         cursor: pointer;
     }

     .neirong .outerN .innerN.two .innerIt .third .two{
         position: relative;
         left: 31%;
         border: 1px solid #71b639;
         color: #71b639;
         font-size: 13px;
         width: 120px;
         padding: 5px 0;
         margin-bottom: 45px;
         cursor: pointer;
     }
     .neirong .outerN .innerN.three .innerIt .third .two{
         position: relative;
         left: 31%;
         border: 1px solid #e42a27;
         color: #e42a27;
         font-size: 13px;
         width: 120px;
         padding: 5px 0;
         margin-bottom: 45px;
         cursor: pointer;
     }
     .neirong .outerN .innerN.three .top{
         font-size: 16px;
     }
     .neirong .outerN .innerN.four .innerIt .third .two{
         position: relative;
         left: 31%;
         border: 1px solid #0c80dc;
         color: #0c80dc;
         font-size: 13px;
         width: 120px;
         padding: 5px 0;
         margin-bottom: 45px;
         cursor: pointer;
         
     }

     .neirong .outerN .innerN.three .innerIt div span:nth-of-type(2){
       margin-top: 33px;
       
     }
     .neirong .outerN .innerN.three .innerIt .ones img{
         margin-top: 38px;
         
     }

     .neirong .outerN .innerN.four .innerIt div span:nth-of-type(2){
       margin-top: 33px;
      
     }
     .neirong .outerN .innerN.four .innerIt .ones img{
         margin-top: 38px;
         
     }
     
     /*视频部分 shipin*/
     .shipin{
         width: 1226px;
         margin: 0 auto;
         
     }
     .shipin h2{
         font-weight: normal;
         margin-top: 20px;
     }
     .shipin ul {
         display: flex;
         justify-content: space-between;
     }
     .shipin ul li{
         background-color: white;
         text-align: center;
         position: relative;
     }
     .shipin ul li img{
         cursor: pointer;
     }
     .shipin ul li .one{
         font-size: 14px;
         cursor: pointer;
     }
     .shipin ul li .two{
         font-size: 12px;
         color: lightgrey;
     }
     /*播放按钮后方遮罩层*/
     .shipin ul li .zhez{
         position: absolute;
         width: 36px;
         height: 23px;
         background-color: black;
         opacity: 0.5;
         top: 51%;
         left: 21px;
         border-top-left-radius: 15px;
         border-bottom-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom-right-radius: 15px;
     }
     /*播放按钮*/
     .shipin ul li .play{
         position: absolute;
         width: 35px;
         height: 22px;
         background-image: url('../images/视频/btn.png');
         background-repeat: no-repeat;
         background-position: 50% 3px;
         cursor: pointer;
         top: 51%;
         left: 20px;
         border: 2px solid white;
         border-top-left-radius: 15px;
         border-bottom-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom-right-radius: 15px;
         
     }

     /*页脚部分*/

     .footer1{
         margin-top: 60px;
         width: 100%;
         background-color: white;
         height: 295px;
     }
     .footer1 .footI{
         width: 1226px;
         margin: 0 auto;
     }
    
    .footer2{
        width: 1226px;
        height: 150px;
        margin: 0 auto;
    }
    .footer1 .footI .onec{
        display: flex;
        /*justify-content: center;*/
        
    }
    .footer1 .footI .onec{
        padding-top: 50px;
        padding-bottom: 30px;
        border-bottom: 1px solid lightgray;
    }
    .footer1 .footI .onec .text{
        cursor: pointer;
    }
    .footer1 .footI .onec li{
        position: relative;
        width: 250px;
        text-align: center;
        border-right: 1px solid lightgray;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 30px;
    }
    
    .footer1 .footI .onec li:nth-of-type(5){
        border: none;
    }
    .footer1 .footI .onec li span{
        display: inline-block;
    }
    .footer1 .footI .onec li img{
        position: relative;
    }
    .footer1 .footI .onec li span:nth-of-type(1){
        width: 33px;
        height: 33px;
        margin-right: 3px;
        /*border: 1px solid red;*/
    }
    
    .footer1 .footI .onec li span:nth-of-type(2){
        width: 33px;
        height: 33px;
        margin-right: 3px;
       
        /*position:absolute;
        top: 0;
        left: 0;*/
        display: none;
    }

    /**/
    .footer1 .footI .onec li .first1.im{
        background-image: url('../images/iii/weixiu1.png');
        background-position: -2px -3px;
    }
    .footer1 .footI .onec li .second1.im{
        background-image: url('../images/iii/7tian.png');
        background-position: 0 -3px;
    }
    .footer1 .footI .onec li .third1.im{
        background-image: url('../images/iii/15tian.png');
       
    }
    .footer1 .footI .onec li .fourth1.im{
        background-image: url('../images/iii/man150.png');
         background-position: -8px 2px;
         background-position: 2px 1px;
    }
    .footer1 .footI .onec li .fifth1.im{
        background-image: url('../images/iii/shouhou.png');
        background-position: 8px -2px;
        background-position: 2px 0;
    }




     .footer1 .footI .onec li .first.im.fir{
        background-image: url('../images/iii/weixiu.png');
    }
    .footer1 .footI .onec li .second.im.sec{
        background-image: url('../images/iii/tuihuo.png');
        background-position: 0 -5px;
    }
    .footer1 .footI .onec li .third.im.thi{
        background-image: url('../images/iii/huanhuo.png');
       
    }
    .footer1 .footI .onec li .fourth.im.fou{
        background-image: url('../images/iii/baoyou.png');
         background-position: -6px 2px;
    }
    .footer1 .footI .onec li .fifth.im.fif{
        background-image: url('../images/iii/wangdian.png');
        background-position: 8px -2px;
    }

     /*下方文字*/
    .footer1 .footI .two{
        display: flex;
        justify-content: space-between;
        /*display: inline-block;*/
    } 
    .footer1 .footI .two .last{
        text-align: center;
    }
    
    .footer1 .footI .two p{
        font-size: 12px;
        color: grey;
        cursor: pointer;
    }
    .footer1 .footI .two li p:hover {
        color: #ff6700;
    }
    .footer1 .footI .two .one{
        font-size: 14px;
        color: black;
        margin-bottom:30px;
        cursor: auto;
    }
    .footer1 .footI .two .one:hover{
      color: black;
    }
    .footer1 .footI .two .fif{
        border-right: 1px solid lightgrey;
        padding-right: 110px;
    }
    .footer1 .footI .two .last p{
        color: black;
    }
    .footer1 .footI .two .last p:nth-of-type(1){

        color: #ff6700;
        font-size: 20px;
    }
    .footer1 .footI .two .last p:nth-of-type(4){
        border: 1px solid #ff6700;
        color: #ff6700;
        cursor: pointer;
        padding: 5px 0;
        width: 120px;
        
    }
    .footer1 .footI .two .last p:nth-of-type(2):hover{
        color: black;
    }
    .footer1 .footI .two .last p:nth-of-type(3):hover{
        color: black;
    }

    /*footer2 页脚部分2*/
    .footer2{
        margin-top: 15px;
    }
    .footer2 ul{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer2 span{
        font-size: 12px;
    }
    .three{
        font-size: 12px;
    }
    
    .footer2 ul li .one span{
        color: gray;
        border-right: 1px solid gray;
        padding-right: 5px;
    }
    .footer2 ul li .one span:nth-of-type(12){
        border: none;
    }
    .footer2 ul li .two span{
        color: #bbb;
    }
    .footer2 ul li .three{
        color: #bbb;
    }
    .footer2 ul .last img{
       width: 83px;
       height: 30px;
    }
    .footer2 .seco{
        position: relative;
        left:-25px;
    }
    .footer2 ul li span:hover{
       color: #ff6700;
       cursor: pointer;
    }
    .footer2 .bottomIma{
        text-align: center;
    }

        
            
        